<%--
  Created by IntelliJ IDEA.
  User: WEIXQ
  Date: 2020/2/16
  Time: 10:45
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
    <title>登录页面</title>
    <script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery-3.1.1.js"></script>
</head>
<body>
<h3>登录页面</h3>
<%--<c:if test="${not empty param.error}">--%>
<%--    <font color="red">用户名或者密码错误</font>--%>
<%--</c:if>--%>

<%--${pageContext.request.contextPath}是使用的el表达式，获取的是项目的http路径--%>
<%--${pageContext.request.contextPath}是JSP取得绝对路径的方法，等价于<%=request.getContextPath()%> 。--%>
<%--<form action="${pageContext.request.contextPath}/login" method="post">--%>
<%--    用户名：<input type="text" name="username"/><br>--%>
<%--    密码：<input type="password" name="password"/><br>--%>
<%--    <input type="submit" value="登录"/>--%>
<%--</form>--%>

<form method="post" id="loginForm">
    用户名：<input type="text" name="username"/><br>
    密码：<input type="password" name="password"/><br>
    验证码：<input type="text" name="imageCode"/><img src="${pageContext.request.contextPath}/imageCode"/><br/>
    记住我：<input type="checkbox" name="remember-me" value="true"/><br/>
    <input type="button" value="登录" id="loginButton"/>
</form>

<script type="text/javascript">
    $(function () {
        $("#loginButton").click(function () {
            $.post("${pageContext.request.contextPath}/login",
                $("#loginForm").serialize(),
                function (data) {
                    if (data.success) {
                        window.location.href = "${pageContext.request.contextPath}/test/index";
                    } else if (data.message == null || data.message == "") {
                        alert("登录失败，用户名或密码错误");
                    } else {
                        alert(data.message);
                    }
                }, "json");
        });
    });
</script>
</body>
</html>
